<!DOCTYPE html>
<html lang="en" class="h100">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <script src="./js/flex.js"></script>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/style.css">
  <script src="./js/jquery.js"></script>
  <script src="./js/layui/layui.js"></script>
</head>

<body class="h100">
  <div class="subject-box">
    <div class="t-bg"></div>
  </div>
  <div class="person">
    <div class="p-box">
      <img src="images/user.png" class="img" />
      <div class="t-box">
        <h3 class="name-box">
          <span class="name">羽皋</span>
          <span class="member">VIP会员</span>
        </h3>
        <p class="phone">Mobile:13813975008</p>
      </div>
    </div>
  </div>
  <div class="spot"><a href="#">精准考点，时政刷题，会员仅售49.9</a></div>
  <div class="my-service">
    <h3 class="title"><i class="line"></i><i class="text">我的服务</i></h3>
    <ul class="list">
      <li>
        <a href="#" class="link">
          <img src="images/service-1.png" class="bg" />
          <p class="text">有赞激活</p>
        </a>
      </li>
      <li>
        <a href="#" class="link">
          <img src="images/service-2.png" class="bg" />
          <p class="text">专业课一对一</p>
        </a>
      </li>
      <li>
        <a href="#" class="link">
          <img src="images/service-3.png" class="bg" />
          <p class="text">备考资料</p>
        </a>
      </li>
    </ul>
  </div>
  <div class="my-service">
    <h3 class="title"><i class="line"></i><i class="text">更多工具</i></h3>
    <div class="more"><i class="left"></i>研发中<i class="right"></i></div>
  </div>
  <div class="footer">
    <div class="refresh">
      <a href="index.html">
        <img class="img" src="images/refresh.png" />
        <p class="text">刷题</p>
      </a>
    </div>
    <div class="my">
      <a href="my.html">
        <img class="img" src="images/my.png" /><p class="text">我的</p>
      </a>
    </div>
  </div>
</body>
</html>